<template>
    <footer>
        <div class="container">{{msg}}</div>
    </footer>
</template>

<script>
    //    const app = {
    //      install: function(){
    //          Vue.component("app", App)
    //      }
    //    };
    export default {
        data () {
            return {
                msg: 'I`m footer'
            }
        }
    }
</script>

<style lang="stylus" rel="stylesheet/stylus">
    footer {
        margin-top: auto;
        color: #788287;
        background-color: #40444f;
    }
    footer .container{
        max-width: 99rem;
        margin: 0 auto;
        padding: 2rem 1.6rem;
    }
</style>